<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="webkit|ie=edge">
    <title>Exp-Inlet-Gateway</title>

    <link rel="stylesheet" href="/static/style/main.css">
    <link rel="stylesheet" href="/static/framework/bootstrap.min.css">
    <script src="/static/framework/jquery.min.js"></script>
    <script src="/static/framework/bootstrap.bundle.min.js"></script>

</head>
<#--  以下JS文件必须在JQuery加载完才能加载  -->
<script src="/static/script/main.js"></script>
<script src="/static/script/updateApp.js"></script>
<#--  以下JS文件必须在JQuery加载完才能加载  -->
<body class="container" style="font-size: 16px;min-width: 1250px">
<nav class="navbar navbar-expand-lg navbar-light container-fluid">
    <div class="container-fluid  bg-light">
        <a href="/static/app/list" class="navbar-brand text-start"
           style="font-family: 微软雅黑,serif; color: #3030ff; font-size: 24px;">Exp-Inlet</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" aria-label="breadcrumb" style="line-height: 1px; text-align: center;align-items: center;">
            <ol class="breadcrumb" style="margin-bottom: 0;">
<#--                <li class="breadcrumb-item"><a href="#">Exp-Inlet</a></li>-->
                <li class="breadcrumb-item active" aria-current="page"><a href="/static/app/list">应用列表</a></li>
                <li class="breadcrumb-item active" aria-current="page"><a href="javascript:history.go(-1);">应用详情</a></li>
                <li class="breadcrumb-item disabled" aria-current="page"><a href="#">修改网关应用</a></li>
                <li class="breadcrumb-item active" aria-current="page"><a href="/static/SysInfos.html">运行状态</a></li>
            </ol>
        </div>
        <form class="d-flex">
            <input class="form-control w-75 me-2" style="height: 32px;" type="search" placeholder="Search" aria-label="Search">
            <button class="btn btn-outline-success" style="width: 80px" type="submit" onclick="$.loginOut()"><a class="" href="javascript:;"><span>退出</span></a></button>
        </form>
    </div>
</nav>

<div class="container">
    <div class="rightP">
        <div id="apiList" class="cont ">
            <!-- 创建APP -->
            <div id="apiListModal" cur='1'>
                <ul class="console-clearfix">
                    <li class="console-guidebar-default guidebar-current cApiNav cApiNav1">基本信息</li>
                    <li class="console-guidebar-default cApiNav cApiNav2">服务设置</li>
                    <li class="console-guidebar-default cApiNav cApiNav3">信息定义</li>
                    <li class="console-guidebar-default cApiNav cApiNav4">参数设置</li>
                </ul>
                <!-- 头部 -->
                <!--基本设置-->
                <div class="createAppPage">
                    <div class="console-panel createApp1">
                        <div class="console-panel-header">
                            <span class="console-panel-header-line"></span>
                            <div class="console-float-left ng-binding" style="font-weight: bold;">基本配置</div>
                        </div>
                        <div class="console-panel-body console-p4 console-pt6 console-pb6">
                            <table width="100%" class="descriptionTable">
                                <tr>
                                    <td width="22%" class="ng-binding t-r"><span class="red">* </span>应用名称:</td>
                                    <td>
                                        <input type="text" id="app-name" <#if context??> disabled="disabled" </#if>
                                               class="form-control w-25"
                                               value="<#if context??>${context.app.appName}</#if>"
                                               placeholder="请输入应用的名称">
                                    </td>
                                </tr>
                                <tr>
                                    <td class="ng-binding t-r"><span class="red">* </span>应用描述:</td>
                                    <td>
                                        <textarea type="text" id="app-describe"
                                                  class="form-control"
                                                  maxlength="90" placeholder="请用一句话描述该作用"><#if context??><#t>${context.app.describe}<#t></#if></textarea>
                                    </td>
                                </tr>
                                <tr>
                                    <td  class="ng-binding t-r">应用的作用域:</td>
                                    <td>
                                        <label class="label_crear"><input name="scope" type="radio" value="0" class="form-check-input" <#if context?? && context.app.scope==0>checked="checked"</#if>/> 测试版</label>
                                        <label class="label_crear">&nbsp;&nbsp;<input name="scope" type="radio" value="1" class="form-check-input" <#if context?? && context.app.scope==1>checked="checked"</#if>/> 预览版</label>
                                        <label class="label_crear">&nbsp;&nbsp;<input name="scope" type="radio" value="2" class="form-check-input" <#if context?? && context.app.scope==2>checked="checked"</#if>/> 正式版</label>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <!--服务设置-->
                    <div class="console-panel console-mt4 createApp2 hide">
                        <div class="console-panel-header">
                            <span class="console-panel-header-line"></span>
                            <div class="console-float-left ng-binding" style="font-weight: bold;">HTTP服务设置</div>
                        </div>
                        <div class="console-panel-body console-p4 console-pt6 console-pb6">
                            <table width="100%" class="descriptionTable">
                                <tr>
                                    <td width="22%"  class="ng-binding t-r">
                                        HTTP服务:
                                    </td>
                                    <td>
                                        <label class="label_crear">
                                            <input type="checkbox" class="form-check-input" id="is-create-http" <#if context?? && context.app.serverOptions.createHttp == true>checked="checked"</#if>> 开启HTTP服务</label>
                                    </td>
                                </tr>
                                <tr class="http-hide-show">
                                    <td align="right" class="t-r">HTTP服务端口:</td>
                                    <td><input type="text" value="<#if context??>${context.app.serverOptions.httpPort?c}</#if>"
                                               class="form-control w-25"
                                               placeholder="请输入HTTP服务端口号" id="http-port"
                                               value="<#if context??>${context.app.serverOptions.httpPort?c}</#if>">
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="console-panel console-mt4 createApp2 mt-4 hide">
                        <div class="console-panel-header">
                            <span class="console-panel-header-line"></span>
                            <div class="console-float-left ng-binding">HTTPS服务设置</div>
                        </div>
                        <div class="console-panel-body console-p4 console-pt6 console-pb6">
                            <table width="100%" class="descriptionTable">
                                <tr>
                                    <td width="22%"  class="ng-binding t-r">
                                        HTTPS服务:
                                    </td>
                                    <td>
                                        <label class="label_crear"><input type="checkbox" class="form-check-input" id="is-create-https" <#if context?? && context.app.serverOptions.createHttps== true>checked="checked"</#if>> 开启HTTPS服务</label>
                                    </td>
                                </tr>
                                <tr class="https-hide-show" style="display: none">
                                    <td align="right" class="t-r">HTTPS服务端口:</td>
                                    <td style="line-height: .8rem;">
                                        <input type="text" value="<#if context??>${context.app.serverOptions.httpsPort?c}</#if>"
                                               class="form-control w-25"
                                               placeholder="请输入HTTPS服务端口号" id="https-port"
                                               value="<#if context??>${context.app.serverOptions.httpsPort?c}</#if>">
                                    </td>
                                </tr>
                                <tr class="https-hide-show" style="display: none">
                                    <td align="right" class="t-r"><span class="red">*</span>HTTPS证书类型:</td>
                                    <td style="line-height: .8rem;">
                                        <#if context?? && context.app.serverOptions.certOptions?exists>
                                            <label  class="label_crear"><input name="cert-type" type="radio" value="PEM" class="form-check-input" <#if context.app.serverOptions.certOptions.certType == "PEM">checked="checked"</#if>/> PEM</label>
                                            <label  class="label_crear">&nbsp;&nbsp;<input name="cert-type" type="radio" value="PFX" class="form-check-input" <#if context.app.serverOptions.certOptions.certType == "PFX">checked="checked"</#if>/> PFX</label>
                                        <#else>
                                            <label  class="label_crear"><input name="cert-type" type="radio" value="PEM"  checked="checked" class="form-check-input"/> PEM</label>
                                            <label  class="label_crear">&nbsp;&nbsp;<input name="cert-type" type="radio" value="PFX" class="form-check-input"/> PFX</label>
                                        </#if>
                                    </td>
                                </tr>
                                <tr class="https-hide-show" style="display: none">
                                    <td align="right" class="t-r"><span class="red">*</span>证书key:</td>
                                    <td><input type="text" id="cert-key"
                                               class="form-control w-25"
                                               required="required" placeholder="pfx证书的密码或者pem证书key的路径"
                                               value="<#if context?? && context.app.serverOptions.certOptions?exists> ${context.app.serverOptions.certOptions.certKey}</#if>"
                                        ></td>
                                </tr>
                                <tr class="https-hide-show" style="display: none">
                                    <td align="right" class="t-r"><span class="red">*</span>证书path:</td>
                                    <td><input type="text" id="cert-path"
                                               class="form-control w-25"
                                               required="required" placeholder="请输入证书所在路径"
                                               value="<#if context?? && context.app.serverOptions.certOptions?exists>${context.app.serverOptions.certOptions.certPath}</#if>"
                                        ></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <!--跨域设置-->
                    <div class="console-panel console-mt4 createApp2 mt-4 hide">
                        <div class="console-panel-header">
                            <span class="console-panel-header-line"></span>
                            <div class="console-float-left ng-binding">跨域设置</div>
                        </div>
                        <div class="console-panel-body console-p4 console-pt6 console-pb6">
                            <table width="100%" class="descriptionTable">
                                <tr>
                                    <td width="22%" class="ng-binding t-r">跨域设置:</td>
                                    <td style="line-height: .8rem;">
                                        <label class="label_crear"><input type="checkbox" class="form-check-input" id="is-create-cors" <#if context?? && context.app.corsOptions??>checked="checked"</#if>> 开启跨域</label>
                                    </td>
                                </tr>
                                <tr class="cors-hide-show" style="display: none">
                                    <td align="right" class="t-r"><span class="red">*</span>允许的请求源 / allowedOrigin:</td>
                                    <td><input type="text" id="allowedOrigin"
                                               class="form-control w-25"
                                               required="required"
                                               placeholder="允许的请求源:多个以号,隔开"
                                               value="<#if context?? && context.app.corsOptions??>${context.app.corsOptions.allowedOrigin!}</#if>"
                                        >
                                        <br><br>
                                        源基于<a href="https://docs.oracle.com/javase/8/docs/api/java/util/regex/Pattern.html" target="_blank"> Pattern </a>正则表达式,<br>
                                        示例:(http|https)://szmirren.com ,代表允许http://szmirren.com或者https://szmirren.com
                                    </td>
                                </tr>
                                <tr class="cors-hide-show" style="display: none">
                                    <td align="right" class="t-r">是否允许发送Cookie / allowCredentials:</td>
                                    <td>
                                        <#if context?? && context.app.corsOptions??>
                                            <#if context.app.corsOptions.allowCredentials == true>
                                                <label class="label_crear"><input name="allowCredentials" type="radio" value="true"  checked="checked" class="form-check-input"/> true</label>
                                                <label class="label_crear">&nbsp;&nbsp;<input name="allowCredentials" type="radio" value="false" class="form-check-input"/> false</label>
                                            <#else>
                                                <label class="label_crear"><input name="allowCredentials" type="radio" value="true" class="form-check-input"/> true</label>
                                                <label class="label_crear">&nbsp;&nbsp;<input name="allowCredentials" type="radio" value="false" checked="checked" class="form-check-input" /> false</label>
                                            </#if>
                                        <#else>
                                            <label class="label_crear"><input name="allowCredentials" type="radio" value="true" class="form-check-input"/> true</label>
                                            <label class="label_crear">&nbsp;&nbsp;<input name="allowCredentials" type="radio" value="false" checked="checked" class="form-check-input"/> false</label>
                                        </#if>
                                    </td>
                                </tr>
                                <tr class="cors-hide-show" style="display: none">
                                    <td align="right" class="t-r">缓存时间(秒) / maxAgeSeconds:</td>
                                    <td><input type="text" id="maxAgeSeconds"
                                               class="form-control w-25"
                                               required="required" value="<#if context?? && context.app.corsOptions??>${context.app.corsOptions.maxAgeSeconds?c}</#if>"></td>
                                </tr>
                                <tr class="cors-hide-show" style="display: none">
                                    <td align="right" class="t-r">允许请求的header / allowedHeaders:</td>
                                    <td><input type="text" id="allowedHeaders"
                                               class="form-control w-25"
                                               required="required"
                                               placeholder="允许请求的header:多个以号,隔开"
                                               value="<#t><#if context?? && context.app.corsOptions??>
												<#if context.app.corsOptions.allowedHeaders??>
													<#list context.app.corsOptions.allowedHeaders as header>${header}<#t><#sep>,</#sep><#t>
													</#list>
												</#if></#if><#t>"
                                        ></td>
                                </tr>
                                <tr class="cors-hide-show" style="display: none">
                                    <td align="right" class="t-r">暴露的header列表 / exposedHeaders:</td>
                                    <td><input type="text" id="exposedHeaders"
                                               class="form-control w-25"
                                               required="required"
                                               placeholder="暴露给浏览器的header列表:多个以号,隔开"
                                               value="<#t><#if context?? && context.app.corsOptions??>
												<#if context.app.corsOptions.exposedHeaders??>
													<#list context.app.corsOptions.exposedHeaders as header>${header}<#t><#sep>,</#sep><#t>
													</#list>
												</#if></#if><#t>"
                                        ></td>
                                </tr>
                                <tr class="cors-hide-show" style="display: none">
                                    <td align="right" class="t-r">允许的请求方式 / allowedMethods :</td>
                                    <td>
                                        <#assign GET = false>
                                        <#assign HEAD = false>
                                        <#assign POST = false>
                                        <#assign PUT = false>
                                        <#assign DELETE = false>
                                        <#assign OPTIONS = false>
                                        <#assign TRACE = false>
                                        <#assign CONNECT = false>
                                        <#assign PATCH = false>
                                        <#assign OTHER = false>
                                        <#if context?? && context.app.corsOptions??>
                                            <#if context.app.corsOptions.allowedMethods??>
                                                <#list context.app.corsOptions.allowedMethods as method>
                                                    <#if method == "GET"><#assign GET = true>
                                                    <#elseif method == "HEAD"><#assign HEAD = true>
                                                    <#elseif method == "POST"><#assign POST = true>
                                                    <#elseif method == "PUT"><#assign PUT = true>
                                                    <#elseif method == "DELETE"><#assign DELETE = true>
                                                    <#elseif method == "OPTIONS"><#assign OPTIONS = true>
                                                    <#elseif method == "TRACE"><#assign TRACE = true>
                                                    <#elseif method == "CONNECT"><#assign CONNECT = true>
                                                    <#elseif method == "PATCH"><#assign PATCH = true>
                                                    <#elseif method == "OTHER"><#assign OTHER = true>
                                                    </#if>
                                                </#list>
                                            </#if>
                                        </#if>
                                        <label class="label_crear"><input type="checkbox" class="form-check-input" name="allowedMethods" value="GET" <#if GET == true>checked="checked"</#if>> GET</label>
                                        <label class="label_crear">&nbsp;&nbsp;<input type="checkbox" class="form-check-input" name="allowedMethods" value="HEAD" <#if HEAD == true>checked="checked"</#if>> HEAD</label>
                                        <label class="label_crear">&nbsp;&nbsp;<input type="checkbox" class="form-check-input" name="allowedMethods" value="POST"  <#if POST == true>checked="checked"</#if>> POST</label>
                                        <label class="label_crear">&nbsp;&nbsp;<input type="checkbox" class="form-check-input" name="allowedMethods" value="PUT"  <#if PUT == true>checked="checked"</#if>> PUT</label>
                                        <label class="label_crear">&nbsp;&nbsp;<input type="checkbox" class="form-check-input" name="allowedMethods" value="DELETE"  <#if DELETE == true>checked="checked"</#if>> DELETE</label>
                                        <label class="label_crear">&nbsp;&nbsp;<input type="checkbox" class="form-check-input" name="allowedMethods" value="OPTIONS"  <#if OPTIONS == true>checked="checked"</#if>> OPTIONS</label>
                                        <label class="label_crear">&nbsp;&nbsp;<input type="checkbox" class="form-check-input" name="allowedMethods" value="TRACE"  <#if TRACE == true>checked="checked"</#if>> TRACE</label>
                                        <label class="label_crear">&nbsp;&nbsp;<input type="checkbox" class="form-check-input" name="allowedMethods" value="CONNECT"  <#if CONNECT == true>checked="checked"</#if>> CONNECT</label>
                                        <label class="label_crear">&nbsp;&nbsp;<input type="checkbox" class="form-check-input" name="allowedMethods" value="PATCH"  <#if PATCH == true>checked="checked"</#if>> PATCH</label>
                                        <label class="label_crear">&nbsp;&nbsp;<input type="checkbox" class="form-check-input" name="allowedMethods" value="OTHER" <#if OTHER == true>checked="checked"</#if>> OTHER</label>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <!-- 信息定义 -->
                    <div class="console-panel console-mt4 createApp3 hide">
                        <div class="console-panel-header">
                            <span class="console-panel-header-line"></span>
                            <div class="console-float-left ng-binding" style="font-weight: bold;">信息定义</div>
                        </div>
                        <#--                        console-p4 console-pt6 console-pb6 -->
                        <div class="console-panel-body ">
                            <table width="100%" class="descriptionTable">
                                <tr>
                                    <td class="t-r">找不到路径(404) Content-Type:</td>
                                    <td>
                                        <select id="notFoundContentType"
                                                class="form-select w-50" style="width: 400px">
                                            <#if context?? && context.app.notFoundContentType?exists>
                                                <option value="${context.app.notFoundContentType}" class="ng-binding">${context.app.notFoundContentType}</option>
                                            </#if>
                                            <option value="text/html;charset=UTF-8" class="ng-binding">HTML(text/html;charset=UTF-8)</option>
                                            <option value="text/plain;charset=UTF-8" class="ng-binding">文本(text/plain;charset=UTF-8)</option>
                                            <option value="application/json;charset=UTF-8" class="ng-binding">JSON(application/json;charset=UTF-8)</option>
                                            <option value="application/xml;charset=UTF-8" class="ng-binding">XML(application/xml;charset=UTF-8)</option>
                                            <option value="custom" class="ng-binding">自定义Content-Type</option>
                                        </select><br/>
                                        <input type="text" id="notFoundContentTypeCustom"
                                               class="form-control w-25"
                                               placeholder="请输入自定义返回Content-Type类型" style="margin-top: 5px;display: none;">
                                    </td>
                                </tr>
                                <tr>
                                    <td class="t-r">找不到路径(404) 返回结果:</td>
                                    <td>
                                        <textarea id="notFoundResult"
                                                  class="form-control"
                                                  style="resize: none;" rows="3"
                                                  placeholder="请输入找不到路径(404)的返回结果,默认:not found resource"><#if context??><#t>${context.app.notFoundResult!}<#t></#if></textarea>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="t-r">在黑名单列表中返回状态码:</td>
                                    <td><input type="text" id="blacklistIpCode"
                                               class="form-control w-25"
                                               placeholder="请输入在黑名单列表中返回状态码,默认403"
                                               <#if context?? && context.app.blacklistIpCode?exists>value="${context.app.blacklistIpCode?c}"</#if>>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="t-r">在黑名单列表中返回Content-Type:</td>
                                    <td>
                                        <select id="blacklistIpContentType"
                                                class="form-select w-25" style="width: 400px">
                                            <#if context?? && context.app.blacklistIpContentType?exists><option value="${context.app.blacklistIpContentType}" class="ng-binding">${context.app.blacklistIpContentType}</option></#if>
                                            <option value="text/html;charset=UTF-8" class="ng-binding">HTML(text/html;charset=UTF-8)</option>
                                            <option value="text/plain;charset=UTF-8" class="ng-binding">文本(text/plain;charset=UTF-8)</option>
                                            <option value="application/json;charset=UTF-8" class="ng-binding">JSON(application/json;charset=UTF-8)</option>
                                            <option value="application/xml;charset=UTF-8" class="ng-binding">XML(application/xml;charset=UTF-8)</option>
                                            <option value="custom" class="ng-binding">自定义Content-Type</option>
                                        </select><br/>
                                        <input type="text" id="blacklistIpContentTypeCustom"
                                               class="form-control w-25"
                                               placeholder="请输入黑名单列表中返回Content-Type类型" style="margin-top: 5px;display: none;">
                                    </td>
                                </tr>
                                <tr>
                                    <td class="t-r">在黑名单列表中返回结果:</td>
                                    <td>
                                        <textarea id="blacklistIpResult"
                                                  class="form-control"
                                                  style="resize: none;" rows="3" placeholder="在黑名单列表中返回结果,默认:you can't access this service"><#if context??><#t>${context.app.blacklistIpResult!}<#t></#if></textarea>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <!-- 参数设置 -->
                    <div class="console-panel console-mt4 createApp4 hide">
                        <div class="console-panel-header">
                            <span class="console-panel-header-line"></span>
                            <div class="console-float-left ng-binding" style="font-weight: bold;">参数配置</div>
                        </div>
                        <div class="console-panel-body console-p4 console-pt6 console-pb6">
                            <table width="100%" class="descriptionTable">
                                <tr>
                                    <td class="t-r" style="width: 30%">请求主体(Content-Length)最大长度限制</td>
                                    <td><input type="text" id="contentLength"
                                               class="form-control w-25"
                                               placeholder="请求主体(Content-Length)最大长度限制,默认:-1无限制,透传body无效"
                                               value="<#if context??>${context.app.contentLength?c}</#if>"
                                        ></td>
                                </tr>
                                <tr>
                                    <td class="t-r">会话超时时间(毫秒)</td>
                                    <td><input type="text" id="sessionTimeOut"
                                               class="form-control w-25"
                                               placeholder="会话超时时间(毫秒)默认:1800000"
                                               value="<#if context??>${context.app.sessionTimeOut?c}</#if>"
                                        ></td>
                                </tr>
                                <tr>
                                    <td class="t-r">会话的cookie名称</td>
                                    <td><input type="text" id="sessionCookieName"
                                               class="form-control w-25"
                                               placeholder="会话的cookie名称默认:exp-api.session"
                                               value="<#if context??>${context.app.sessionCookieName}</#if>"
                                        ></td>
                                </tr>
                                <tr>
                                    <td class="t-r" title="API与后台服务器 既你自己的服务器 交互是否使用keepAlive">
                                        API与后台服务器是否使用keepAlive
                                    </td>
                                    <td style="line-height: .8rem;">
                                        <label class="label_crear"><input name="keepAlive" type="radio" value="true" class="form-check-input" <#if context?? && context.app.keepAlive == true>checked="checked"</#if>/> 是</label>
                                        <label class="label_crear">&nbsp;&nbsp;<input name="keepAlive" type="radio" value="false" class="form-check-input" <#if context?? && context.app.keepAlive == false>checked="checked"</#if>/> 否</label>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="t-r" title="HTTP对象解码器的缓冲区大小单位byte, 默认128byte">HTTP对象解码器的缓冲区大小(byte)</td>
                                    <td><input type="text" id="decoderInitialBufferSize" class="form-control w-25"
                                               placeholder="HTTP对象解码器的缓冲区大小单位byte, 默认128byte" value="<#if context??>${context.app.decoderInitialBufferSize?c}</#if>"></td>
                                </tr>
                                <tr>
                                    <td class="t-r" title="API与后台服务器 既你自己的服务器 交互的连接池数量 maxPoolSize">API与后台服务器交互的连接池数量
                                    </td>
                                    <td><input type="text" id="maxPoolSize"
                                               class="form-control w-25"
                                               placeholder="API与后台服务器 既你自己的服务器 交互的连接池数量 默认:5"
                                               value="<#if context??>${context.app.maxPoolSize?c}</#if>"
                                        ></td>
                                </tr>
                                <tr>
                                    <td class="t-r" title="maxInitialLineLength">请求后端URL参数值最大总长度</td>
                                    <td><input type="text" id="maxInitialLineLength"
                                               class="form-control w-25"
                                               placeholder="请求后端URL参数值最大总长度 默认:4096"
                                               value="<#if context??>${context.app.maxInitialLineLength?c}</#if>"
                                        ></td>
                                </tr>
                                <tr>
                                    <td class="t-r" title="maxHeaderSize">请求后端Header参数值最大总长度</td>
                                    <td><input type="text" id="maxHeaderSize"
                                               class="form-control w-25"
                                               placeholder="请求后端Header参数值最大总长度 默认:4096"
                                               value="<#if context??>${context.app.maxHeaderSize?c}</#if>"
                                        ></td>
                                </tr>
                                <tr>
                                    <td class="t-r" title="请求后端业务处理HttpClient拓展配置">HttpClient拓展配置</td>
                                    <td>
                                        <div>
                                            <a href="https://vertx.io/docs/apidocs/io/vertx/core/http/HttpClientOptions.html"
                                               target="_blank">参考vert.x的HttpClient配置</a></div>
                                        <textarea id="webClientCustom"
                                                  class="form-control"
                                                  style="resize: none;" rows="4"
                                                  placeholder="参考Vert.x中的HttpClientOptions服务配置,该配置作用于Exp-Inlet与后端服务交互的业务逻辑处理"><#if context??><#t>${context.app.webClientCustom!}<#t></#if></textarea>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="t-r" title="应用服务拓展配置">应用服务拓展配置</td>
                                    <td>
                                        <div>
                                            <a href="http://vertx.io/docs/apidocs/io/vertx/core/http/HttpServerOptions.html" target="_blank">参考vert.x的HttpServer服务配置</a></div>
                                        <textarea id="custom"
                                                  class="form-control"
                                                  style="resize: none;" rows="4" placeholder="参考Vert.x中的HttpServerOptions服务配置"><#if context??><#t>${context.app.serverOptions.custom!}<#t></#if></textarea>
                                    </td>
                                </tr>
                            </table>
                        </div>

                    </div>
                    <!-- createApp3 End -->
                </div>


                <div class="console-panel-body console-p4 console-mt4 mt-4 mb-4">
                    <div class="console-form">
                        <div class="console-form-row">
                            <div class="console-form-body">
                                    <span class="console-button-wrap ng-isolate-scope">
                                        <a class="console-button console-button-default console-button-medium hide cp-lPage">
                                            <span ng-transclude="">
                                                <span class="ng-scope ng-binding">上一步</span>
                                            </span>
                                        </a>
                                    </span>
                                <span class="console-ml2 console-button-wrap ng-isolate-scope" theme="blue">
                                        <a class="console-button console-button-blue console-button-medium cp-nPage">
                                            <span ng-transclude="">
                                                <span class="ng-scope ng-binding">下一步</span>
                                            </span>
                                        </a>
                                    </span>
                                <span class="console-ml2 console-button-wrap ng-isolate-scope " theme="blue"
                                      onclick="saveApp()">
                                        <a class="console-button console-button-blue console-button-medium console-button-disabled hide cp-sPage">
                                            <span>
                                                <span class="ng-scope ng-binding">保存</span>
                                            </span>
                                        </a>
                                    </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- apiListModal End -->
    </div>
    <!-- rightP End -->
    <input type="hidden" id="time" value="<#if context??>${context.app.time!}</#if>">
</div>
</body>
<script>
    $(function () {
        // 初始化
        init();
        data.url = <#if context??>"/static/app/update"<#else >"/static/app/add"</#if>;
        data.action = <#if context??>"UPDATE"<#else >"ADD"</#if>;
    });
</script>
</html>